<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ $route.query }}</p>
  </div>
</template>

<script>
/* eslint-disable */
export default {
    name: 'Basic',
    data(){
      return {
        title: '基础(Basic)'
      }
    },
    // 生命周期钩子
    mounted(){
      // 通过当前组件的 $route 属性的 query 可以获得 query string
      // console.log( 'query string: ' , this.$route.query );
      console.log('组件Basic挂载完毕');
  }
}
</script>

<style>

</style>